<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%> 
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML>
<head>
<title>Preview</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script> 
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
</head>
<body>
	<div class="header">
		 <div class="headertop_desc">
			<div class="wrap">
				<div class="nav_list">
					<ul>
						<li><a href="MovieFirstServlet">主页</a></li>
					</ul>
				</div>
					<div class="account_desc">
						<ul>
							<li><a href="OrderServlet">个人中心</a></li>
						</ul>
					</div>
				<div class="clear"></div>
			</div>
	  	</div>
  	  		<div class="wrap">
				<div class="header_top">
					<div class="logo">
						<a href="MovieServlet"><img src="images/logo.png" alt="" /></a>
					</div>
						
					</div>
						  
			   <div class="clear"></div>
  		    </div>     				
   		</div>
   </div>
   <div class="main">
   	 <div class="wrap">
   	 	<div class="content_top">
    		<div class="back-links">

    	    </div>
    		<div class="clear"></div>
    	</div>
   	 	<div class="section group">
				<div class="cont-desc span_1_of_2">
				  <div class="product-details">				
					<div class="grid images_3_of_2">
						<img src="mImage/${m1.url1 }" alt="" />
				  </div>
				<div class="desc span_3_of_2">
					<h2>${m1.mName }  </h2>					
					<div class="price">
						<p>售价: <span>￥${m1.price }</span></p>
					</div>
					<div class="available">
						<ul>
						  <li><span>类型:</span> &nbsp; ${m1.mType } </li>
						  <li><span>片长：</span>&nbsp; ${m1.mDuration }分钟</li>
						  <li><span>导演:</span>&nbsp; ${m1.mDirector }</li>
						  <li><span>主演:</span>&nbsp; ${ m1.mActor} </li>
					    </ul>
					</div>
				<div class="share-desc">
					<div class="button"><span><a href="SeatFirstServlet?mName=${m1.mName }&price=${m1.price }&mTime=${m1.mTime}">购票</a></span></div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="clear"></div>
		  </div>
		<div class="product_desc">	
			 <h2>详情 :</h2>
	           <p>${m1.mDetail }</p>
	   </div>
   </div>
				<div class="rightsidebar span_3_of_1 sidebar">
					<h2>推荐</h2>
					
					
				
					<div class="special_movies">
					<c:forEach items="${map.l2 }" var="l" >
					 	<div class="movie_poster">
					 		<a href="PerServlet?mName=${l.mName }"><img src="mImage/${l.url }" alt=""></a>
					 	</div>
					 	<div class="movie_desc">
							<h3><a href="preview.html">${l.mName }</a></h3>
								<p><span>￥${l.price+20 }</span> &nbsp;￥${l.price }</p>
								<span><a href="PerServlet?mName=${l.mName }">购买</a></span>
						</div>
						<div class="clear"></div>
						</c:forEach>
					</div> 
				
					
					
 				</div>
 		 	</div>
   	 	</div>
	</div>
   
   <script type="text/javascript">
		$(document).ready(function() {			
			$().UItoTop({ easingType: 'easeOutQuart' });	
		});
		function DropDown(el) {
			this.dd = el;
			this.initEvents();
		}
		DropDown.prototype = {
			initEvents : function() {
				var obj = this;

				obj.dd.on('click', function(event){
					$(this).toggleClass('active');
					event.stopPropagation();
				});	
			}
		}
		$(function() {

			var dd = new DropDown( $('#dd') );

			$(document).click(function() {
				// all dropdowns
				$('.wrapper-dropdown-2').removeClass('active');
			});
		});
</script>
    <a href="#" id="toTop"><span id="toTopHover"> </span></a>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>

